<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex,nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>小菜的博客</title>
    <meta name="keywords" content="小菜博客">
    <meta name="description" content="小菜博客,小菜,小菜小菜">
    <link rel="stylesheet" id="wp-block-library-css" href="/css/style.min.css" type="text/css" media="all">
    <link rel="stylesheet" id="highlight-monokai-sublime-css" href="/css/monokai-sublime.css" type="text/css" media="all">
    <link rel="stylesheet" id="qzhai_app-css" href="/css/cell.css" type="text/css" media="all">
    {{--    <script>var func_qzhai = [];</script>--}}
</head>
<body>
<div id="qzhai-curtain"></div>
<header class="qzhai-header  ">
    <div uk-sticky="top:150; animation: uk-animation-slide-top;">
        <div class="uk-flex wp qzhai-header-flex">
            <div class="author uk-flex uk-flex-between uk-card uk-card-default ">
                <div id="qzhai-nav-author" class="uk-grid-small uk-flex-middle" uk-grid="">
                    <div class="uk-width-auto">
                        <a href="#">
                            <img class="uk-border-circle " src="/images/xiaocai.jpg" uk-img="">
                        </a>
                    </div>
                    <div class="uk-width-expand">
                        <h3 class="uk-card-title uk-margin-remove-bottom">
                            <a href="#">
                                小菜
                            </a>
                        </h3>
                        <p class="uk-text-meta uk-margin-remove-top">
                            <span>小菜的博客站</span>
                        </p>
                    </div>
                </div>
                <div class="uk-width-auto qzhai-nav-box uk-navbar-container uk-navbar-transparent uk-visible@s" id="qzhai-nav-toggle" uk-navbar="">
                    <div class="uk-flex">

                        <div class="menu-%e4%b8%bb%e8%8f%9c%e5%8d%95-container">
                            <ul id="nav-top" class="qzhai-nav uk-navbar-nav">

                                <li id="menu-item-105" >
                                    <a href="{{ route('home') }}">首页</a>
                                </li>
                                <li id="menu-item-107">
                                    <a href="{{ route('home3') }}">经典模式</a>
                                </li>
                                <li id="menu-item-105" class="uk-active">
                                    <a href="{{ route('page2') }}">双栏板式</a>
                                </li>
                                <li id="menu-item-105" >
                                    <a href="{{ route('love') }}">阿狸的爱情故事</a>
                                </li>

                            </ul>
                        </div>

                        <div class="qzhai-head-nav-so">
                            <a class="uk-navbar-toggle" uk-search-icon="" uk-toggle="target: .nav-overlay; animation: uk-animation-fade" href="#"></a>
                        </div>
                    </div>
                </div>
                <div class="uk-width-auto qzhai-icon-menu-box">
                    <a href="javascript:;" class="qzhai-icon-menu" id="qzhai-icon-menu">
                        <div></div>
                    </a>
                </div>

                <div id="qzhai-so" class="nav-overlay uk-navbar-left uk-flex-1" hidden="">

                    <div class="uk-navbar-item uk-width-expand">
                        <form id="search-form" method="get" actions="{{ route('search') }}"
                              class="uk-search uk-search-navbar uk-width-1-1 qzhai_so">
                            <input class="uk-search-input" type="search" name="s" id="s" placeholder="搜索" value="" autofocus="">
                        </form>
                    </div>

                    <a class="uk-navbar-toggle" uk-close="" uk-toggle="target: .nav-overlay; animation: uk-animation-fade" href="#"></a>

                </div>

            </div>
        </div>
    </div>
</header>

<div id="qzhai-main-menu-mobile" uk-offcanvas="flip: true; overlay: true;mode: slide">
    <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-flex-center">
        <button class="uk-offcanvas-close" type="button" uk-close=""></button>

        <div class="menu-%e4%b8%bb%e8%8f%9c%e5%8d%95-container">
            <ul id="nav-top-mobile" class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
                <li><a href="{{ route('home') }}">首页</a></li>
                <li class="uk-active">
                    <a href="{{ route('home3') }}">经典模式</a>
                </li>
                <li>
                    <a href="{{ route('page2') }}">双栏板式</a>
                    <ul class="uk-nav">
                        @foreach($category as $cate)
                            <ul class="uk-nav uk-navbar-dropdown-nav">
                                <li id="menu-item-167">
                                    <a href="{{ route('category').'?category_id='.$cate['id'] }}">{{ $cate['name']  }}</a>
                                </li>
                            </ul>
                        @endforeach
                    </ul>
                </li>

            </ul>
        </div>

        <ul class="uk-nav uk-nav-primary uk-nav-center ">
            <li>
                <a uk-search-icon="" uk-toggle="target: .nav-overlay; animation: uk-animation-fade" href="#"></a>
            </li>
        </ul>
    </div>
</div>

<div id="qzhai_content">


    <div class="wp">

        <div class="uk-grid-medium" uk-grid="">
            <div class="uk-width-3-4@s">

                <div id="qzhai_post_list" class="uk-child-width-1-1@s  qzhai-list qzhai-list-box uk-grid-medium" uk-grid="masonry: true">

                    @if(isset($articles))
                        @foreach($articles as $article)
                            <div>
                                <div class="item item-two multi-map uk-card uk-card-default">
                                    <div class="label">
                                        <span class="post-list-label uk-label" style="background-color: #22e9e6;">{{ $article->category_name }}</span>
                                        <span class="post-list-time">{{ date('Y-m-d',strtotime($article['created_at'])) }}</span>
                                    </div>
                                    <a class="post-list-title" href="{{ route('details2').'?id='.$article['id'] }}" data-can-open="1">
                                        <h2>{{ $article->title }}</h2>
                                    </a>
                                    <a class="post-list-excerpt" href="{{ route('details2').'?id='.$article['id'] }}" data-can-open="1">
                                        <p></p>
                                    </a>

                                    <ul class="post-list-thumbnail-multi-map uk-grid-small uk-child-width-1-3" uk-grid="">
                                        <li>
                                            <a href="{{ route('details2').'?id='.$article['id'] }}" data-can-open="1">
                                                <div class="post-list-thumbnail-background uk-background-cover"
                                                     data-src="{{ $article->main_image }}" uk-img="">
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        @endforeach
                    @else

                        @foreach($news as $new)
                            <div>
                                <div class="item item-two multi-map uk-card uk-card-default">
                                    <div class="label">
                                        <span class="post-list-label uk-label" style="background-color: #22e9e6;">{{ $new->category_name }}</span>
                                        <span class="post-list-time">{{ date('Y-m-d',strtotime($new['created_at'])) }}</span>
                                    </div>
                                    <a class="post-list-title" href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">
                                        <h2>{{ $new->title }}</h2>
                                    </a>
                                    <a class="post-list-excerpt" href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">
                                        <p></p>
                                    </a>

                                    <ul class="post-list-thumbnail-multi-map uk-grid-small uk-child-width-1-3" uk-grid="">

                                        <li>
                                            <a href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">
                                                <div class="post-list-thumbnail-background uk-background-cover"
                                                     data-src="{{ $new->main_image }}" uk-img="">
                                                </div>
                                            </a>
                                        </li>
                                        <div>
                                            <a class="post-list-excerpt" href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">
                                                <p>
                                                    {{ $new->describe }}
                                                </p>
                                            </a>
                                        </div>


                                    </ul>
                                </div>
                            </div>
                        @endforeach


                        @foreach($hots as $hot)
                                <div>
                                    <div class="item item-two multi-map uk-card uk-card-default">
                                        <div class="label">
                                            <span class="post-list-label uk-label" style="background-color: #22e9e6;">{{ $hot->category_name }}</span>
                                            <span class="post-list-time">{{ date('Y-m-d',strtotime($hot['created_at'])) }}</span>
                                        </div>
                                        <a class="post-list-title" href="{{ route('details2').'?id='.$hot['id'] }}" data-can-open="1">
                                            <h2>{{ $hot->title }}</h2>
                                        </a>
                                        <a class="post-list-excerpt" href="{{ route('details2').'?id='.$hot['id'] }}" data-can-open="1">
                                            <p></p>
                                        </a>

                                        <ul class="post-list-thumbnail-multi-map uk-grid-small uk-child-width-1-3" uk-grid="">

                                            <li>
                                                <a href="{{ route('details2').'?id='.$hot['id'] }}" data-can-open="1">
                                                    <div class="post-list-thumbnail-background uk-background-cover"
                                                         data-src="{{ $hot->main_image }}" uk-img="">
                                                    </div>
                                                </a>
                                            </li>
                                            <div>
                                                <a class="post-list-excerpt" href="{{ route('details2').'?id='.$hot['id'] }}" data-can-open="1">
                                                    <p>
                                                        {{ $hot->describe }}
                                                    </p>
                                                </a>
                                            </div>


                                        </ul>
                                    </div>
                                </div>
                        @endforeach



                        @foreach($randoms as $rand)
                            <div>
                                <div class="item item-two multi-map uk-card uk-card-default">
                                    <div class="label">
                                        <span class="post-list-label uk-label" style="background-color: #22e9e6;">{{ $rand->category_name }}</span>
                                        <span class="post-list-time">{{ date('Y-m-d',strtotime($hot['created_at'])) }}</span>
                                    </div>
                                    <a class="post-list-title" href="{{ route('details2').'?id='.$rand['id'] }}" data-can-open="1">
                                        <h2>{{ $rand->title }}</h2>
                                    </a>
                                    <a class="post-list-excerpt" href="{{ route('details2').'?id='.$rand['id'] }}" data-can-open="1">
                                        <p>
                                            {{ $rand->describe }}
                                        </p>
                                    </a>
                                    <ul class="post-list-thumbnail-multi-map uk-grid-small uk-child-width-1-3" uk-grid="">

                                        <li>
                                            <a href="{{ route('details2').'?id='.$rand['id'] }}" data-can-open="1">
                                                <div class="post-list-thumbnail-background uk-background-cover"
                                                     data-src="{{ $rand->main_image }}" uk-img="">
                                                </div>
                                            </a>
                                        </li>


                                    </ul>
                                </div>
                            </div>
                        @endforeach

                    @endif







                </div>
            </div>



            <div id="qzhai-sidebar" class="uk-width-1-4@s">
                <div class="qzhai-sidebar-box">
                    <div uk-sticky="offset: 100;bottom: #qzhai-sidebar">
                        <ul class="qzhai-sidebar">

                            <li id="qzhai_widget_posts-3" class="qzhai-widget qzhai-widget-posts"><div class="uk-card uk-card-default">
                                    <div class="uk-card-header">
                                        <h4>
                                            语录日记
                                            <span style="margin-left: 35%;cursor:pointer" onclick="change();">换一换</span>
                                        </h4>
                                    </div>

                                    <ul class="qzhai-widget-posts-box">
                                        @if(isset($quotation))
                                            <p id="quotation">
                                                {{ $quotation->content }} — {{ $quotation->author }}
                                            </p>

                                        @endif
                                    </ul>
                                </div>
                            </li>

                            <li id="qzhai_widget_posts-3" class="qzhai-widget qzhai-widget-posts"><div class="uk-card uk-card-default">
                                    <div class="uk-card-header">
                                        <h4>
                                            近期文章
                                        </h4>
                                    </div>

                                    <ul class="qzhai-widget-posts-box">

                                        @foreach($news as $new)
                                            <li class="text">
                                                <a href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">{{ $new->title }}</a>
                                            </li>
                                        @endforeach

                                    </ul>

                                </div>
                            </li>

                            <li id="categories-4" class="qzhai-widget widget_categories">
                                <div class="uk-card uk-card-default">
                                    <div class="uk-card-header">
                                        <h4>分类列表</h4>
                                    </div>
                                    <ul>
                                        @foreach($category as $cate2)
                                            <li class="cat-item cat-item-2">
                                                <a href="{{ route('category2').'?category_id='.$cate2['id'] }}">{{ $cate2['name']  }}</a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<footer class="qzhai-footer">
    <div class="wp">
        <hr class="uk-divider-small">
        <p class="uk-link-muted">
								<span class="copyright">
					© 2022 小菜 版权所有
				</span>
            <a href="http://beian.miit.gov.cn" target="_blank" class="Record">
                蜀ICP备2023023222号-1
            </a>

        </p>
        <div id="oolong"></div>
    </div>
</footer>

<div id="qzhai-quick-window" class="uk-flex-top" uk-modal="bg-close: false;esc-close:false">
    <div class="uk-modal-dialog">
        <div id="qzhai-quick-window-content" class="uk-width-1-1">
            <div class="qzhai-quick-window-close-hd">
                <div class="wp uk-flex uk-flex-right">
                    <a class="qzhai-quick-window-close uk-close-large" href="javascript:;" uk-close=""></a>
                </div>
            </div>
            <div class="qzhai-qwc"> </div>
            <div class="wp loading">
                <div class="qzhai-content uk-card uk-card-default __null">
                    <div class="uk-card-body">
                        <div class="h1"></div> <span></span>
                        <div class="img"></div>
                        <div><p></p><p></p><p></p><p></p></div>
                    </div>
                </div>
            </div>
            <div class="qzhai-quick-window-close-ft uk-flex uk-flex-center">
                <a class="qzhai-quick-window-close uk-close-large" href="javascript:;" uk-close=""></a>
            </div>
        </div>
    </div>
</div>






<script>
    var qzhai = {
        "url":"http://demo.qzhai.net/cell",
        "ajaxUrl":"http://demo.qzhai.net/cell/wp-admin/admin-ajax.php",
        "_use_queue":[],
        "assets":"http://demo.qzhai.net/cell/wp-content/themes/cell-qzhai/assets/",
        "is_mobile":false,
        "comment_nonce":"faf2b60e509d4dad2b48ff47796e0078"
    };
    qzhai.ajaxIgnore = "";
    func_qzhai.push(function($){
        $('.qzhai-content pre').each(function(i, e) {
            $(e).addClass('qzhai_highlight').append('<div class="qzhai_highlight_heade"><span></span><div>');
            hljs.highlightBlock(e);
        });
    });
</script>
<script type="text/javascript" src="/js/highlight.pack.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="/js/cell.js"></script>
<script src="/js/jquery-3.1.1.js"></script>

<script>
    function change(){
        var quotation_id = $("#quotation_id").val();
        var token =  "{{ csrf_token() }}";
        $.ajax({
            headers: {
                'X-CSRF-TOKEN':token,
            },
            url : "{{ route('change') }}",
            data : {'id' : quotation_id},
            type : 'POST',
            dataType : 'json',
            success : function(result){
                if(result.code==1){
                    var data = result.data;
                    var author = data[0].author;
                    var content = data[0].content;
                    $("#quotation").text(content + "—" + author);
                }
            }
        });
    }
</script>

</body>
</html>
